<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>定时任务通知</title>
</head>
<style>
    html,
    body {
        height: 100%;
        width: 100%;
    }

    * {
        margin: 0;
        padding: 0;
    }

    .wrapper {
        /*background-image: url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1588934870484&di=bef65b0dd3f6109a7e41a820138bccc4&imgtype=0&src=http%3A%2F%2Fcdn.duitang.com%2Fuploads%2Fitem%2F201602%2F25%2F20160225173836_xzWUQ.jpeg');*/
        /*background-size: 100%;*/
        height: 100%;
        padding:10px;
        box-sizing: border-box;
    }

    .wrapper .title{
        font-weight: bold;
        text-align: center;
        line-height: 60px;
        height:60px;
        background-color: #fff;
        border-top-left-radius: 6px;
        border-top-right-radius:6px;
    }

    .wrapper .con {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius:6px;
        background-color: #eee;
        padding: 10px;
        box-sizing: border-box;
        font-size:12px;
    }

    .con .con1{
        font-weight: bold;
        text-align: center;
        font-size:14px;
    }

    .con div {
        padding-bottom: 10px;
        box-sizing: border-box;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
</style>
</head>

<body>
<div class="wrapper">
    <div class="title">
        ${title}
    </div>
    <div class="con">
        <div class="con2">组  名：${jobName}</div>
        <div class="con2">实例名：${beanName}</div>
        <div class="con2">方法名：${methodName}</div>
        <div class="con2">参  数：${params}</div>
        <div class="con2">执行时段：${cronExpression}</div>
        <div class="con2">
            <#if error??>
                异常原因：${error}
            </#if>
            <#if executionTime??>
                耗时：${executionTime}
            </#if>
            <#if exceptionDetail??>
                <span style="font-weight:bold;">服务详细信息：</span><br>
                <span>${exceptionDetail}</span>
            </#if>
        </div>
    </div>
</div>
<script>
    const Div = document.getElementsByClassName('con');
    console.log(Div)
</script>
</body>

</html>